<template>
  <div class="create-meeting-main-component">
    <span class="flow-title">上会项目</span>
    <!-- 表格内容 -->
    <el-table
      :data="meetingProjectDataList"
      border
      @selection-change="handleSelectionChange"
    >
      <el-table-column
        type="selection"
        width="55"
      />
      <el-table-column
        label="序号"
        prop="serialNumber"
        align="center"
        width="120px"
      >
        <template slot-scope="scope">
          <el-input v-model="scope.row.serialNumber" size="mini" />
        </template>
      </el-table-column>
      <el-table-column
        label="审查类型"
        prop="reviewType"
        align="center"
        width="250px"
      />
      <el-table-column
        label="项目名称"
        prop="projectName"
        align="center"
        show-overflow-tooltip
      />
      <el-table-column
        label="负责人"
        prop="person"
        align="center"
        width="120px"
      />
      <el-table-column
        label="独立顾问"
        prop="adviser"
        align="center"
        width="120px"
      />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'CreateMeetingProject',
  data() {
    return {
      select: [],
      meetingProjectDataList: [
        {
          serialNumber: '',
          reviewType: '初始审查',
          projectName: '替格瑞洛片随机、开放、两周期、两交叉人体生物等效性试验',
          person: '邓贤',
          adviser: '邓贤'
        }
      ]
    }
  },
  methods: {
    handleSelectionChange(select) {
      this.select = select
    },
    // 请求父组件重新获取公共值并且渲染当前组件
    requestParentComponentUpdatesRender() {
      this.$emit('children-component-request-update-render', 'createMeetingProjectKey');
    }
  }
}
</script>

<style scoped>

</style>
